html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
/* * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } */
.box-z{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body {color: #323232;-webkit-text-size-adjust: none;}
html, body {width: 100%;height: 100%;}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
button, input, select, textarea { color: inherit; font: inherit; }
table { border-collapse: collapse; border-spacing: 0;}
input, textarea, select, button { border: 0; outline: none; }
img, a img { font-size: 0; border: 0; vertical-align: middle; }
i, em { text-decoration: none; font-style: normal; }
textarea { overflow: auto; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; }
input { -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: 0 0 0 1000px white inset; }
a,a:hover{text-decoration:none !important;outline:none;}
h1,h2,h3,h4,h5,h6,label{font-weight:normal;margin:0 !important;padding:0;}
ul,dl,ol{list-style:none;margin:0 ;padding:0;}
input,textarea,select{border:0;outline:none;}
img{font-size:0;border:0;vertical-align:middle;}
i,em{text-decoration:none;font-style:normal;}
a{cursor:pointer;}
.fl{float:left;}	
.fr{float:right;}
.dis {display: none !important;}
.ov-hidden {overflow: hidden;}
/*pointer手势*/
.cursor-pointer { cursor: pointer; }
.cursor-text { cursor: text; }
/*清除浮动*/
.clearfloat:after { height: 0; display: block; visibility: hidden; clear: both; content: ''; }
.clearfloat { zoom: 1; }

/*单行省略*/
.ellipsis-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*两行省略*/
.ellipsis-2 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/*三行省略*/
.ellipsis-3 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
/*四行省略*/
.ellipsis-4 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

/*框架*/
.contWidth { width: 1220px; margin: 0 auto; }
.contWidth a:hover { text-decoration: none; outline: 0; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.fontArial { font-family: arial; }
.claer {clear: both;}
.wrapper {
	min-height: calc(100vh - 80px);
}


/*flex兼容写法 开始*/
.flex {
  display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box; /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox; /* 混合版本语法: IE 10 */
  display: -webkit-flex; /* 新版本语法: Chrome 21+ */
  display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
}
.flex-v {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-align-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.flex-align-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.flex-pack-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex-pack-justify {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flex-pack-around {
　　-webkit-box-pack: center;
　　-webkit-justify-content: space-around;
　　-ms-flex-pack: center;
　　justify-content: space-around;
}
.flex-hw {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-1 {
  -webkit-flex: 1;
  flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
}
/*flex兼容写法 结束*/


/*重写bootstrap 媒体查询*/
@media (min-width: 1200px) {
  .container {
      max-width: 1230px !important;
  }
}

/*分页样式*/
#pagebox .pagination {
  width: 100%;
  text-align: center;
  display: inline-block;
}
#pagebox .pagination li {
  display: inline-block;
  margin: 0 6px;
}
#pagebox .pagination li span, 
#pagebox .pagination li a {
  display: inline-block;
  min-width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 16px;
  color: #666;
  background-color: #fff;
}
#pagebox .pagination li.active a,
#pagebox .pagination li.active span  {
  background-color: #204066;
  color: #fff;
}